import React, { Component } from 'react'
import Home from './components/Home'
import About from './components/About'
import {Link, Route} from "react-router-dom"
import "./App.css"

export default class App extends Component {

	render() {
		return (
			<div className="box">
				<h2>This is React-Router-Dom页面</h2>
				<div className="content">
					<div className="left">
						<Link className="link-btn" to="/about">About</Link>
						<Link className="link-btn" to="/home">Home</Link>
					</div>
					<div className="right">
						<Route path="/about" component={About}/>
						<Route path="/home" component={Home}/>
					</div>
				</div>
			</div>
		)
	}
}
